<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>JonDesign's SmoothUI demo</title>
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" charset="utf-8" />
		<link rel="stylesheet" href="css/smoothmaps.css" type="text/css" media="screen" charset="utf-8" />
		<script src="http://maps.google.com/maps?file=api&amp;v=2.93&amp;key=ABQIAAAAUnxpavMsR_xJuzSPV1GYYhQoJm4giKhdzVfXjYc5ZbK5wxDm9xSDSddnYkD_g2dCaHN0h5C5YMHzNw" type="text/javascript"></script>
		<script src="scripts/mootools-beta-1.2b1-compatible.js" type="text/javascript"></script>
		<script src="scripts/jd.gmaps.js" type="text/javascript"></script>
	</head>
	<body onunload="GUnload()">
		<h1>
			<a href="http://english.jondesign.net/">
				<span class="company">JonDesign's</span>
			</a>SmoothUI <sup>Google Maps</sup></h1>
		
		<script type="text/javascript">
			window.addEvent('domready', function startGallery() {
				var myMap = new mapper($('myMap'), {defaultLocationText: "Paris, France"});
				myMap.addAddress({
					label: "Bar a nenettes",
					address: "26 bis, rue de Lappe, 75011 Paris",
					formatted_address: "26 bis, rue de Lappe<br /> 75011 Paris",
					type: "bar"
				});
				myMap.addAddress({
					label: "Le lizard lounge",
					address: "18, rue du Bourg-Tibourg, 75004 Paris",
					formatted_address: "18, rue du Bourg-Tibourg<br /> 75004 Paris",
					type: "restaurant"
				});
			});
		</script>
		<div class="content">
			<div id="myMap" style="height: 300px; width: 500px;">
			</div>
		</div>
	</body>
</html>
